.dwWapper{
    height: 40em;
    width: calc(100% - 42em);
    padding: 6em;
    margin: 0 15em;
    border-radius: 10px;
    position: absolute;
    background: #fff;
    box-shadow: 5px 5px 10px #b1c7f3;
    top: 50em;
    z-index: 99;
    font-size: 16px
}

.title{
    font-size:36px;
    width: 100%;
}
.dwList{
     font-size: 16px;
    height: 32em
}
.dwListItem {
    font-size: 16px;
    height: 30em;
    width: 20em;
    padding: 1em;
    border-radius: 10px;
    box-shadow: 5px 5px 20px #b1c7f3;
    /*width: calc()*/
}
.dwContent{
    height: 70%;
}
.dwTitle{
    font-size: 16px;
    color: #0056d1;
    margin-bottom: 1em;
}
.dwImgDiv{
    height: 15%;
    display: flex;
    align-items: flex-end;
}
.dwListItem:nth-child(1) .dwImg{
    width: 5.6em;
}
.dwImg{
    width: 4.4em;
}
.dwDesc{
    line-height: 1.8em;
    font-size: 14px;
    color: #606060;
}


/*1600*/
@media only screen and (min-width:1400px) and (max-width:1719px) {
 .dwWapper{
        font-size: 14px;
 }
 .title{
    font-size:34px;
}
.dwTitle{
    font-size: 15px;
}
.dwDesc{
    line-height: 1.65em;
    font-size: 13px;
}
.dwList{
    font-size: 13px;
}
.dwListItem{
    font-size: 13px;
}

}

/*1366*/
@media only screen and (max-width:1399px) {
 .dwWapper{
    font-size: 12px;
 }
  .title{
    font-size:32px;
}
.dwTitle{
    font-size: 14px;
}
.dwDesc{
    line-height: 1.5em;
    font-size: 12px;
}
.dwList{
    font-size: 12px;
}
.dwListItem{
    font-size: 12px;
}
}

@media only screen and (max-width:1210px){
 /*.dwWapper{
     width: calc(100% - 10em);
    padding: 3em;
    margin: 0 2em;
 }*/
}